#truthTable_stuff {
 display: block;
 width: fit-content;
 padding: 0;
 margin: auto;
}

.t_container {
 padding: 15px;
 display: block;
 float: left;
 margin-left: 0;
 margin-bottom: 20px;
 width: fit-content;
 min-width: 470px;
 height: fit-content;
 background-color: var(--theme-black);
 color: var(--font-color);
 font-weight: bold;
 text-align: center;
 box-shadow: 5px 5px 8px var(--theme-color);
 overflow: hidden;
 position: relative;
 border-radius: 10px;
}

.t_container:nth-child(1) {
 margin-right: 40px;
}

.exp_container {
 display: block !important;
 width: 92% !important;
 margin: auto !important;
 min-width: 400px !important;
}

h2 {
 margin-top: 0;
}

.dis_container {
 display: block;
 position: relative;
 padding: 3%;
 padding-left: 30px;
 padding-right: 30px;
 float: left;
 margin: 30px 50px 100px 0;
 width: 95%;
 min-width: 500px;
 height: fit-content;
 background-color: var(--theme-black);
 color: var(--font-color);
 font: 18px bold;
 text-align: left;
 box-shadow: 10px 10px 15px var(--theme-color);
 overflow: hidden;
}

#row-title {
 text-align: center;
}

.table_config {
 display: block;
 margin: auto;
}

.truth_table {
 display: block;
 margin: auto;
 margin-top: 20px;
}

.tt {
 display: block;
 position: relative;
 width: fit-content;
}

table {
 width: fit-content;
 display: block;
 background-color: white;
 color: black;
 text-align: center;
 padding: 0;
 margin: 0;
}

tr {
 display: block;
 border: 2px solid rgb(91, 91, 91);
 width: fit-content;
 min-width: 100%;
 margin: 0;
 padding: 0;
}

td {
 display: inline-block;
 margin: auto;
 padding: 5px;
 min-width: 70px;
 font-weight: bold;
 align-content: center;
}

table caption {
 font-size: 17px;
 font-weight: normal;
 text-align: center;
 color: var(--font-color);
 background-color: var(--theme-black);
 border-bottom: 2px solid var(--font-color);
 padding-bottom: 15px;
 border-radius: 20% 20% 0 0;
}

.title_row {
 background-color: var(--theme-black);
 color: var(--font-color);
 font-weight: 900;
}

.title_col {
 background-color: var(--theme-black);
 color: var(--font-color);
 max-width: 5px;
}

.title_row td p {
 padding: 0;
 margin: 0;
}

table select {
 display: block;
 margin: auto;
 border: none;
 margin-bottom: 5px;
 border-radius: 10px;
 box-shadow: 2px 2px 5px;
 font-size: large;
}

.ins {
 display: block;
 margin: auto;
 width: 20px;
}

.tt_configs {
 display: block;
 margin: auto;
 width: 100%;
 align-self: center;
 text-align: center;
}

.gen_btn {
 background-color: var(--theme-color);
 color: white;
 font: 18px bold;
}

.gen_btn:hover {
 background-color: rgb(141, 141, 141);
 color: rgb(61, 12, 208);
}

.t_container h2 {
 display: block;
 text-align: center;
 margin: auto;
 padding-bottom: 10px;
 margin-bottom: 20px;
 width: 90%;
 border-bottom: 2px solid var(--theme-color);
 border-radius: 0 0 5px 5px;
}

.exp_heading {
 display: block;
 margin: auto;
 width: fit-content;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: var(--font-color);
 border-bottom: 2px solid var(--theme-color);
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-radius: 0 0 5px 5px;
}

.bool_exp {
 width: 80%;
 max-width: 80%;
 margin: auto;
 padding: 5px;
 background-color: lightgrey;
 color: black;
 margin-bottom: 10px;
}